import classNames from "classnames";
import React from "react";

function Text({ title, variant, text, noTranslate, ...props }) {
  switch (variant) {
    case "heading":
      return (
        <span title={title} {...props} className={classNames("text-xl font-bold", props?.className)}>
          {text}
        </span>
      );
    default:
      return (
        <span title={title} {...props} className={classNames(props?.className)}>
          {text}
        </span>
      );
  }
}

export default Text;
